<style lang="scss" scoped>
.content {
	font-size: 16px;
	font-family: 'Microsoft YaHei';
	color: #555;
}

.topthumb {
	width: 100%;
	height: 195px;
}

.topthumb img {
	width: 100%;
	height: 195px;
}

.utitle {
	padding-top: 10px;
	width: 100%;
	height: 60px;
	text-align: center;
	background: #fff;
}

.mtitle {
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

.ztitle {
	font-size: 15px;
	color: #999
}

.text2 {
	text-indent: 20px;
	align-items: center;
	position: relative;
	padding: 10px 10px 10px 12px;
	font-size: 15px;
	line-height: 25px;
	color: #656565;
}

.text3 {
	width: 92%;
	margin: auto;
	line-height: 25px;
	align-items: center;
	position: relative;
	font-size: 15px;
	color: #656565;
}

.qrcode {
	width: 100%;
	margin: 15px auto
}

.telicon {
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 100px;
	right: 10px;
}

.telicon img {
	width: 60px;
	height: 60px;
}
</style>

<template>
	<div class="container hasNav hasTabbar">
		<van-nav-bar title="联系我们" left-text="返回" left-arrow @click-left="$router.back()" fixed />
		<div class="content">
			<div class="topthumb">
				<img src="@/assets/img/env4.jpg" />
			</div>
			<div class="utitle">
				<div class="mtitle">关于我们</div>
				<div class="ztitle">about us</div>
			</div>
			<div class="text2">
				全球首个确定性广域网创新试验由紫金山实验室联合多家专业机构共同开展。依托未来网络试验设施和长三角综合试验环境，
				构建了覆盖13个核心节点城市的大规模测试环境，该成果可以满足未来工业自动化、工业遥操作、全息通信、车路协同等业
				务微秒级时延抖动保障需求，对推进我国智能制造战略，提升国家未来网络竞争力具有重要意义。
			</div>
			<div class="text3">店铺地址：广西壮族自治区南宁市</div>
			<div class="text3">联系电话：400-0000-000</div>
			<div class="text3">
				<img src="@/assets/img/qrcode.png" class="qrcode" />
			</div>
		</div>
		<div class="telicon">
			<a :href="`tel: 10086`">
				<img src="@/assets/img/tel.png" />
			</a>
		</div>
		<Tabbar></Tabbar>
	</div>
</template>

<script>
import Tabbar from '@/components/Tabbar';

export default {
	name: 'About',
	components: {
		Tabbar,
	},
};
</script>
